<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/paginas/template.xhtml">
	<ui:define name="header">
		<br/>
	    <h1><h:outputText value="#{mensaje['label.tituloModelo']}" style="color: red" /></h1>
	</ui:define>
	<ui:define name="content">
		<div align="center">
			<br />
		    <h:panelGrid columns="1">
				<h:form id="tipoAuto" prependId="false">
					<div align = "center">
						<p:panel id="panel" header="#{mensaje['label.nuevoModelo']}" style="margin-bottom:10px;">
							<br />
							<p:growl id="messages"/>
							<div align = "center">
								<h:outputText value="#{mensaje['label.ingresarModelo']}" style= "color: black" />
							</div>
							<br />
							<div align = "center">
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.anio']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="anio" value="#{administradorBean.modelo.anio}" required="true" requiredMessage = "#{mensaje['label.mensajeModelo1']}" >
										<f:validateLongRange minimum="1980" maximum="2012" />
									</h:inputText>
									<p:message for="anio" />
									
								</h:panelGrid>
								<h:commandButton value="#{mensaje['button.aceptar']}" update="fdatos" 
								action="#{administradorBean.agregarModelo}" style="margin-right:20px;" />
							</div>
						</p:panel>
					</div>
				</h:form>
			</h:panelGrid>
		</div>
		<div align="center">
		<br />
		<h1><h:outputText value="#{mensaje['label.listaModelos']}" style="color: red" /></h1>
		<br />
		</div>
		<div align="center">
			<h:panelGrid columns="1">
				<h:form id="fdatos" prependId="false">
					<p:dataTable id="tabla" value="#{administradorBean.modelos}" var="modelo" paginator="true" rows="5" emptyMessage="#{mensaje['label.noHayMarcas']}">
						<p:column filterBy="#{modelo.anio}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.anio']}" />
							</f:facet>
							<div align="center">
								<h:outputText value="#{modelo.anio}" style="color: black"/>
							</div>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{mensaje['button.eliminar']}" />
							</f:facet>
							<div align="center">
								<p:commandButton update="display"
									oncomplete="dialogoEliminar.show()" image="ui-icon ui-icon-trash">
									<f:setPropertyActionListener value="#{modelo}"
										target="#{administradorBean.modelo}" />
								</p:commandButton>
							</div>
						</p:column>
					</p:dataTable>
					
					<div align="center">
						<p:panel id="panelExportacion" header="#{mensaje['label.exportar']}" style="margin-bottom:10px;">
							<div align="center">
								<h:panelGrid columns="5">
									<h:outputText value="#{mensaje['label.exportarMensaje']}:" style="color: black" />
									<h:commandLink>
										<p:graphicImage value="/images/pdf.png" />
										<p:dataExporter type="pdf" target="tabla" fileName="modelos" />
									</h:commandLink>
									<h:commandLink>
										<p:graphicImage value="/images/excel.png" />
										<p:dataExporter type="xls" target="tabla" fileName="modelos" />
									</h:commandLink>
									 <h:commandLink>  
							            <p:graphicImage value="/images/csv.png" />  
							            <p:dataExporter type="csv" target="tabla" fileName="modelos" />  
							        </h:commandLink>  
							        <h:commandLink>  
							            <p:graphicImage value="/images/xml.png" />  
							            <p:dataExporter type="xml" target="tabla" fileName="modelos" />  
							        </h:commandLink> 
								</h:panelGrid>
							</div>
						</p:panel>
					</div>
					
					<p:dialog header="Administrador" widgetVar="dialogoEliminar"
						resizable="false" width="300" showEffect="explode"
						hideEffect="explode" modal="true">
						<div align="center">
							<h:panelGrid id="display" columns="2" cellpadding="4">
								<h:outputText value="#{mensaje['label.anio']}:" />
								<h:outputText value="#{administradorBean.modelo.anio}" />
								<p:commandButton update="fdatos"
									actionListener="#{administradorBean.eliminarModelo}"
									oncomplete="dialogoEliminar.hide()" value="Eliminar">
									<f:setPropertyActionListener value="#{modelo}"
										target="#{administradorBean.modelo}" />
								</p:commandButton>
								<p:commandButton oncomplete="dialogoEliminar.hide()"
									value="Cancelar">
								</p:commandButton>
							</h:panelGrid>
						</div>
					</p:dialog>
				</h:form>
			</h:panelGrid>
		</div>	
		<h:form>
			<br/>
				<div align="center">
					<h:commandButton value="#{mensaje['button.volver']}" action="/paginas/inicio/inicioAdministrador.xhtml" style="margin-right:40px;" />
				</div>
			<br/>
		</h:form>
	</ui:define>
	<ui:define name="footer">
	</ui:define>
</ui:composition>
</html>